{extend name="common/base_layout" /}

{block name="sign-box"}
<li class="sign-li">
    <a href="/"  title="首页">
        <b>首页</b>
    </a>
</li>
<li class="sign-li">
    <a href="{:url('/case')}"  title="全部">
        <b>全部</b>
    </a>
</li>
{foreach $sIList as $sI}
<li class="sign-li {if $cur_cid eq $sI.id}active{/if}">
    <a href="{:url('frontend/Sitecase/lists', ['industry_id' => $sI['id']])}"  title="{$sI['industry_name']}">
        <b>{$sI['industry_name']}</b>
    </a>
</li>
{/foreach}
{/block}

{block name="content"}
<div class="side-content ">

    <div class="banner-sub auto not-has" data-height="420|350|200">

    </div>

    <div class="side-html">

        <div class="side-body swiper-lazy" data-background="__STATIC__/upload/201707/1500274209.jpg">

            <div class="page met-showproduct pagetype1 animsition">

                <div class="met-showproduct-head">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="row">

                                    <div class="shownews-container ">
                                        <div class="shownews-wrapper">
                                            <div class="shownews-slide">
                                                <img class="shownews-lazy" data-src='{$info.site_image|quick_pic_thumb="@640w_460h"}' alt="" />
                                            </div>

                                            <!--<div class="shownews-slide">
                                                <img class="shownews-lazy" data-size="100_10" data-src='../upload/thumb_src/640_460/1500524427.jpg' alt="手机钱包应用" />
                                            </div>

                                            <div class="shownews-slide">
                                                <img class="shownews-lazy" data-size="100_10" data-src='../upload/thumb_src/640_460/1500524289.jpg' alt="手机钱包应用" />
                                            </div>-->

                                        </div>
                                        <div class="swiper-button-next swiper-button-white"></div>
                                        <div class="swiper-button-prev swiper-button-white"></div>
                                    </div>

                                    <div class="shownews-container-small" data-width="279">
                                        <div class="shownews-wrapper-small">
                                            <div class="shownews-slide-small active">
                                                <img class="swiper-lazy" data-src='{$info.site_image|quick_pic_thumb="@83w_60h"}' alt="" />
                                            </div>

                                            <!--<div class="shownews-slide-small">
                                                <img class="swiper-lazy" data-src='../upload/thumb_src/83_60/1500524427.jpg' alt="手机钱包应用" />
                                            </div>

                                            <div class="shownews-slide-small">
                                                <img class="swiper-lazy" data-src='../upload/thumb_src/83_60/1500524289.jpg' alt="手机钱包应用" />
                                            </div>-->

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="col-md-6 product-intro">
                                <div class="row">
                                    <div class="product-text">
                                        <h1>{$info.site_name}</h1>
                                        <span class="t">
                                              <i class="fa fa-clock-o"></i>
                                              {$info.create_at|format_time}&nbsp;
                                              <i class="fa fa-user-plus"></i>
                                              立鼎科技 &nbsp;
                                              <i class="icon wb-eye" aria-hidden="true"></i>
                                              {$info.view}
                                        </span>

                                        <p class="description">
                                            {$info.description}
                                        </p>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="met-showproduct-body">
                    <div class="container">
                        <div class="row no-space">
                            <div class="col-md-9 product-content-body">
                                <div class="row">

                                    <div class="panel product-detail">
                                        <div class="panel-body">
                                            <ul class="nav nav-tabs nav-tabs-line met-showproduct-navtabs affix-nav">
                                                <li class="active"><a data-toggle="tab" href="#product-details" data-get="product-details">详细信息</a></li>

                                            </ul>
                                            <div class="tab-content">
                                                <div class="tab-pane met-editor lazyload clearfix animation-fade active" id="product-details">

                                                    <div>
                                                        {$info.content}

                                                        <div id="metinfo_additional"></div>
                                                    </div>
                                                </div>

                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>

                            <!--右侧开始-->
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="panel product-hot">
                                        <div class="panel-body">
                                            <h4 class="example-title">热门推荐</h4>
                                            <ul class="blocks-2 blocks-sm-3 mob-masonry" data-scale='1'>

                                                {foreach $recCaseList as $vo}
                                                <li>
                                                    <a href="{:url('frontend/Sitecase/show', ['case_id' => $vo['id']])}" target="_blank" class="img" title="{$vo.site_name}">
                                                        <img class="swiper-lazy" data-src='{$vo.site_image|quick_pic_thumb="@543w_390h"}' alt="{$vo.site_name}">
                                                    </a>
                                                    <a href="{:url('frontend/Sitecase/show', ['case_id' => $vo['id']])}" target="_blank" class="txt" title="{$vo.site_name}">{$vo.site_name}</a>
                                                </li>
                                                {/foreach}

                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--右侧结束-->

                        </div>
                    </div>
                </div>
            </div>

            <!--引入 footer-->
            {include file="common/footer" /}

            <input type="hidden" name="lazyloadbg" value="base64">

        </div>
    </div>
    <div class="side-scroll swiper-scrollbar"></div>
</div>
{/block}